<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<div>
	<div id="carousel-example-generic" class="carousel slide"
		data-ride="carousel">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#carousel-example-generic" data-slide-to="0"
				class="active"></li>
		</ol>

		<!-- Wrapper for slides -->
		<div class="carousel-inner" role="listbox">
			<div class="item active">
				<img
					src="<c:url value="/images/6b82e0ab-3f6e-4930-b6cf-4d4d1dc97fd6.png"/>"
					alt="...">
			</div>
		</div>

		<!-- Controls -->
		<a class="left carousel-control" href="#carousel-example-generic"
			role="button" data-slide="prev"> <span
			class="glyphicon glyphicon-chevron-left"></span> <span
			class="sr-only">Previous</span>
		</a> <a class="right carousel-control" href="#carousel-example-generic"
			role="button" data-slide="next"> <span
			class="glyphicon glyphicon-chevron-right"></span> <span
			class="sr-only">Next</span>
		</a>
	</div>
</div>
<div style="background-color: #f3f3f3;">
	<div>
		<div class="container">
			<div class="notification">
				<div class="notification-title">最新公告</div>
				<div class="notification-content">
					<a href="">系统开发中</a>
				</div>
				<a class="more" href="">更多</a>
			</div>
		</div>
	</div>

	<div>
		<div class="container expect">
			<div class="panel panel-default">
				<div class="panel-body">累计成交额<span class="text-danger">1321321421</span>元</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-body">投资者累计收益<span class="text-danger">1321321421</span>元</div>
			</div>
			<div class="panel panel-default panel-last">
				<div class="panel-body">服务用户<span class="text-danger">1000</span>人</div>
			</div>
		</div>
	</div>

	<div class="container">
		<div>
			<div class="page-header">
				<h4>
					理财计划 <small>定期理财，稳定收益</small>
					<a href="" class="pull-right more">查看更多</a>
				</h4>
			</div>

			<c:forEach begin="0" end="3">
				<div class="borrow-itme">
					<ul class="list-group">
						<li class="list-group-item">债权转让</li>
						<li class="list-group-item">
							<table class="recommend-body">
								<tbody>
									<tr>
										<td colspan="2" style="padding-bottom: 30px;">
											<div class="progress">
												<div class="progress-bar progress-bar-danger"
													role="progressbar" aria-valuenow="60" aria-valuemin="0"
													aria-valuemax="100" style="width: 60%;">
													<span class="sr-only">60% Complete</span>
												</div>
											</div>
											<div class="pull-left">
												<small>借款金额</small> <small>2000元</small>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											<p class="text-danger">8.8%</p> <samp>年化收益率</samp>
										</td>
										<td>
											<p class="text-danger">16月</p> <samp>借款期限</samp>
										</td>

									</tr>
								</tbody>
							</table>
						</li>
						<li class="list-group-item"><a class="btn btn-danger">立刻购买</a>
							<small class="pull-right">100元起投，已有0人投资</small></li>
					</ul>
				</div>

			</c:forEach>
			<div style="clear: left;"></div>
		</div>

		<div>
			<div class="page-header">
				<h4>
					债权转让 <small>定期理财，稳定收益</small>
					<a href="" class="pull-right more">查看更多</a>
				</h4>
			</div>

			<c:forEach begin="0" end="3">
				<div class="borrow-itme">
					<ul class="list-group">
						<li class="list-group-item">债权转让</li>
						<li class="list-group-item">
							<table class="recommend-body">
								<tbody>
									<tr>
										<td colspan="2" style="padding-bottom: 30px;">
											<div class="progress">
												<div class="progress-bar progress-bar-danger"
													role="progressbar" aria-valuenow="60" aria-valuemin="0"
													aria-valuemax="100" style="width: 60%;">
													<span class="sr-only">60% Complete</span>
												</div>
											</div>
											<div class="pull-left">
												<small>借款金额</small> <small>2000元</small>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											<p class="text-danger">8.8%</p> <samp>年化收益率</samp>
										</td>
										<td>
											<p class="text-danger">16月</p> <samp>借款期限</samp>
										</td>

									</tr>
								</tbody>
							</table>
						</li>
						<li class="list-group-item"><a class="btn btn-danger">立刻购买</a>
							<small class="pull-right">100元起投，已有0人投资</small></li>
					</ul>
				</div>
			</c:forEach>
			<div style="clear: left;"></div>
		</div>

		<!-- 文章 -->
		<div class="row">
			<div class="col-xs-4">
				<div>
					<div class="page-header">
						<h4>最新动态</h4>
					</div>
					<div class="list-group">
						<c:forEach begin="0" end="4">
						<a href="#" class="list-group-item">Dapibus ac facilisis in <small class="pull-right">2016-09-05</small></a>
						</c:forEach>
					</div>

				</div>
			</div>
			<div class="col-xs-4">
				<div>
					<div class="page-header">
						<h4>咨询动态</h4>
					</div>
					<div class="list-group">
						<c:forEach begin="0" end="4">
						<a href="#" class="list-group-item">Dapibus ac facilisis in <small class="pull-right">2016-09-05</small></a>
						</c:forEach>
					</div>
				</div>
			</div>
			<div class="col-xs-4">
				<div>
					<div class="page-header">
						<h4>还款公告</h4>
					</div>
					<div class="list-group">
						<c:forEach begin="0" end="4">
						<a href="#" class="list-group-item">Dapibus ac facilisis in <small class="pull-right">2016-09-05</small></a>
						</c:forEach>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
